<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>新途传播</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
#@css?("front")
</head>

<body>
	#@header?()
	<div class="layui-carousel" id="carousel" lay-filter="carousel">
		<div carousel-item="">
			<div>
				<img src="#(ctx)/front/img/cos1.gif" class="banner" />
			</div>
		</div>
	</div>

	<div class="layui-container index-container">
		<div class="layui-row index-pro">
			<div class="layui-col-md2 ">
				<br />
			</div>
			<div class="layui-col-md3">
				<div class="index-title">新途传播 》</div>
				<div class="index-line">
					<div class="layui-progress">
						<div class="layui-progress-bar layui-bg-red" lay-percent="15%">
						</div>
					</div>
				</div>
				<div class="index-content ">
					<div class="layui-row">
						<div class="layui-col-md2">
							<button class="circle-btn">
								内容<br />传播
							</button>
						</div>
						<div class="layui-col-md2 ">
							<button class="circle-btn">
								系统<br />开发
							</button>
						</div>
						<div class="layui-col-md2">
							<button class="circle-btn">
								产品<br />运营
							</button>
						</div>
						<div class="layui-col-md2">
							<button class="circle-btn">
								网络<br />公关
							</button>
						</div>
						<div class="layui-col-md2">
							<button class="circle-btn">
								口碑<br />运营
							</button>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-col-md3">
				<div class="index-title">新闻动态 》</div>
				<div class="index-line">
					<div class="layui-progress">
						<div class="layui-progress-bar layui-bg-red" lay-percent="15%">
						</div>
					</div>
				</div>
				<div class="index-content ">
					#for(i:industryList)
					<div class="layui-row">
						<a href="#(ctx)/industryDetail?id=#(i.id)">#(i.title)
							#date(i.indate,'yyyy-MM-dd')</a>
					</div>
					#end
				</div>
			</div>
			<div class="layui-col-md2">
				<div class="layui-row">
					<img src="#(ctx)/front/img/tips.gif" />
				</div>
				<div class="layui-row">
					<div class="layui-col-md4">
						<img src="#(ctx)/front/img/anli.png"
							onclick="javascript:window.location.href='#(ctx)/cases';" />
					</div>
					<div class="layui-col-md4">
						<img src="#(ctx)/front/img/zixun.png"
							onclick="javascript:window.location.href='#(ctx)/contactus';" />
					</div>
					<div class="layui-col-md4">
						<br />
					</div>
				</div>
			</div>
			<div class="layui-col-md1 ">
				<br />
			</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-md2 ">
				<br />
			</div>
			<div class="layui-col-md3 ">合作客户 》</div>
		</div>
		<div class="layui-row index-case">
			<div class="layui-row">
				<img src="#(ctx)/front/img/footimg_01.png "
					style="width: 19%; height: 177px;" /> <img
					src="#(ctx)/front/img/footimg_02.png"
					style="width: 10%; height: 177px;" /> <img
					src="#(ctx)/front/img/footimg_03.png"
					style="width: 10%; height: 177px;" /> <img
					src="#(ctx)/front/img/footimg_04.png"
					style="width: 10%; height: 177px;" /> <img
					src="#(ctx)/front/img/footimg_05.png"
					style="width: 10%; height: 177px;" /> <img
					src="#(ctx)/front/img/footimg_06.png"
					style="width: 10%; height: 177px;" /> <img
					src="#(ctx)/front/img/footimg_07.png"
					style="width: 10%; height: 177px;" /> <img
					src="#(ctx)/front/img/footimg_01.png "
					style="width: 19%; height: 177px;" />
			</div>
		</div>
	</div>
	#@footer?() #@js?("layui")
	<script>
		layui.use([ 'element', 'carousel' ], function() {
			var element = layui.element, carousel = layui.carousel; //导航的hover效果、二级菜单等功能，需要依赖element模块
			//改变下时间间隔、动画类型、高度
			carousel.render({
				elem : '#carousel',
				interval : 1800,
				anim : 'fade',
				width : '100%',
				height : '400px'
			});
		});
	</script>
</body>

</html>